<template>
	<view>
		<nav-bar color="#000000" bbtn>支付成功</nav-bar>
		<view class="pay">
			<view class="img"><image src="../../static/image/pay/img_zfcg@3x.png" mode=""></image></view>
			<view class="text1" v-if="type==1">您的电子券码稍后会通过短信发送到您预留的手机，您也可以关注“乐活联盟”微信公众号，前往“商城-订单”查看电子券码</view>
			<view class="text2" v-if="type==2">您的订单平台正在处理，您也可以关注“乐活联盟”微信公众号，前往“商城-订单”查看物流进度</view>
			<view class="btn" @click="returnIndex()">前往商城查看更多优惠</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			type:1
		};
	},
	onLoad(options) {
		this.type=options.type;
	}
	,
	methods:{
		returnIndex:function(){
			uni.redirectTo({
			    url: '../index/index'
			});
		}
	}
};

</script>

<style lang="scss">
page {
	background-color: #f4f4fa;
}
* {
	padding: 0;
	margin: 0;
	font-size: 0.75rem;
	box-sizing: border-box;
}
.pay {
	width: 100%;
	height: 600rpx;
	margin: 300rpx auto 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	.img {
		width: 400rpx;
		height: 400rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
	.text1,.text2{
		width: 70%;
		font-size: 26rpx;
		color: #AAAAAA;
	}
	.btn {
		width: 80%;
		height: 90rpx;
		text-align: center;
		line-height: 90rpx;
		color: #ffffff;
		border-radius: 50rpx;
		font-size: 36rpx;
		margin: 50rpx auto;
		background: linear-gradient(to top, #fd6431, #ff9972);
	}
}
</style>
